<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>pc端</title>
    <link rel="stylesheet" href="../css/common.css" type="text/css">
    <link rel="stylesheet" href="../css/main.css" type="text/css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <script src="../js/vue.js"></script>
    <script src="../js/main.js"></script>
    <!-- swiper轮播图css样式 -->
    <!-- <style>
        html,
        body {
            margin: 0 auto;
            width: 83.3333rem;
            position: relative;
        }

        body {
            background-image: url("./img/huanghun.jpg");
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            margin: 0;
            padding: 0;
        }

        .swiper-container {
            position: absolute;
            margin-top: 0px;
            margin-left: 50%;
            transform: translateX(-50%);
            width: 33.3333rem;
            height: 50rem;
        }


        .swiper-slide {
            text-align: center;
            font-size: 18px;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
    </style> -->
</head>

<body>
    <header>
        <!-- 顶部左边的logo -->
        <div class="logo">
            <img src="../pkq.ico" title="小邵杂货铺">
        </div>

        <!-- 顶部导航栏 -->
        <div class="dropDown">
            <ul id="nav">
                <li>
                    <span v-html="jiema[0]"></span>
                    <span v-html="jiema[1]"></span>
                    <span v-html="jiema[2]"></span>
                    <span v-html="jiema[3]"></span>
                </li>
                <li>|</li>
                <li>
                    <span v-html="dama[0]"></span>
                    <span v-html="dama[1]"></span>
                    <span v-html="dama[2]"></span>
                    <span v-html="dama[3]"></span>
                </li>
                <li>|</li>
                <li>
                    <span v-html="daili[0]"></span>
                    <span v-html="daili[1]"></span>
                    <span v-html="daili[2]"></span>
                    <span v-html="daili[3]"></span>
                </li>
                <li>|</li>
                <li>
                    <span v-html="xuanshang[0]"></span>
                    <span v-html="xuanshang[1]"></span>
                    <span v-html="xuanshang[2]"></span>
                    <span v-html="xuanshang[3]"></span>
                    <span v-html="xuanshang[4]"></span>
                    <span v-html="xuanshang[5]"></span>
                </li>
                <li>|</li>
                <li>
                    <span v-html="name[0] "></span>
                    <img src="../img/QRcode/同城逛吃.jpg" alt="图片加载失败" title="微信扫码">
                </li>
                <li>|</li>
                <li>
                    <span v-html="name[1] "></span>
                    <img src="..img/QRcode/邵小离家.jpg" alt="图片加载失败" title="微信扫码">
                </li>
                <!-- <li>|</li>
                <li v-html="name[2] "></li>
                <li>|</li>
                <li v-html="name[3] "></li> -->
            </ul>
        </div>

        <!-- 顶部右侧的登陆注册 -->
        <div class="login">
            <div>
                <span><a href="./index.html">登陆</a></span>
                <span>|</span>
                <span><a href="./index.html">注册</a></span>
            </div>
        </div>
    </header>

    <!-- 主体部分 -->
    <section>
        <!-- swiper轮播图 -->
        <!-- <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./img/lbt/小姐姐2.jpg" width=100%></div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐3.jpg" width=100%></div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐4.jpg" width=100%> </div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐12.jpg" width=100%></div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐13.jpg" width=100%></div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐14.jpg" width=100%></div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐8.jpg" width=100%> </div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐9.jpg" width=100%> </div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐10.jpg" width=100%></div>
                <div class="swiper-slide"><img src="./img/lbt/小姐姐11.jpg" width=100%></div>
            </div>
            Add Pagination -->
        <!-- <div class="swiper-pagination"></div> -->
        <!-- Add Arrows -->
        <!-- <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div> -->
        <!-- </div> -->
        <!-- Swiper JS -->
        <!-- <script src="./js/swiper-3.4.2.min.js"></script> -->

        <!-- Initialize Swiper -->
        <!-- <script>
            var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                paginationClickable: '.swiper-pagination',
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                spaceBetween: 30
            });

        </script> -->

        <!-- 旋转木马展示图 -->

        <body>
            <div class="gallery">
                <span style="--i:1"><img src="../img/lbt/小姐姐1.jpg" alt="" /></span>
                <span style="--i:2"><img src="../img/lbt/小姐姐2.jpg" alt="" /></span>
                <span style="--i:3"><img src="../img/lbt/小姐姐3.jpg" alt="" /></span>
                <span style="--i:4"><img src="../img/lbt/小姐姐4.jpg" alt="" /></span>
                <span style="--i:5"><img src="../img/lbt/小姐姐8.jpg" alt="" /></span>
                <span style="--i:6"><img src="../img/lbt/小姐姐9.jpg" alt="" /></span>
                <span style="--i:7"><img src="../img/lbt/小姐姐10.jpg" alt="" /></span>
                <span style="--i:8"><img src="../img/lbt/小姐姐11.jpg" alt="" /></span>
            </div>
        </body>

    </section>
    <footer>
        作者：小邵 电脑端
    </footer>

    <script>
        new Vue({
            el: "#nav",
            data: {
                jiema: ['<a href="#" ">接码平台</a>',
                    '<a href="https://h5.miyun9876.xyz/zc.html?inviteCode=218558" target="_blank">米云</a>',
                    '<a href="http://103.60.165.148:81/invite/laogui1" target="_blank">椰子</a>',
                    '<a href="http://www.weilai.best?aff=laogui" target="_blank">未来</a>'],
                dama: ['<a href = "#" " > 打码平台</a> ',
                    '<a href = "http://www.kuaishibie.cn/?spm=null" target = "_blank" > 图鉴</a> ',
                    '<a href = "https://www.rrocr.com" target = "_blank" > 人人</a> ',
                    '<a href = "#" target = "_blank" > 暂无</a> '],
                daili: ['<a href = "#" " > 代理ip</a> ',
                    '<a href = "https://www.bffkd.com//links/FF198783" target = "_blank" > 小白代理</a> ',
                    '<a href = "#" target = "_blank" > 熊猫代理</a> ',
                    '<a href = "#" target = "_blank" > 讯代理</a> '],
                xuanshang: ['<a href = "#"  >悬赏平台</a> ',
                    '<a href = "https://b.zql100.com/bv7/index.html#/register?id=4140897&appId=37" target = "_blank" > 众帮悬赏</a> ',
                    '<a href = "https://b.jrpub.cn/2344427" target = "_blank" > 趣闲赚</a> ',
                    '<a href = "http://api.hongmiz.com/index.php/index/index/rtuser?invite=BIFFXZ&appname=com.yichen.moneyhelper" target = "_blank" > 赚钱帮手</a> ',
                    '<a href = "http://h5.xuanshangba.cn/1.12680165" target = "_blank" > 优赏吧</a> ',
                    '<a href = "http://woaizhuanqian8.cn/lovemoney.html?promocode=636022" target = "_blank" > 帮多多</a> '],
                name: ['<a href="#" >外卖折扣</a>',
                    '<a href="#" >联系作者</a>',
                    '<a href="#" >暂无</a>',
                    '<a href="#" >暂无</a>']
            }
        })

    </script>
</body>


</html>